<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no"/>
<title>浙江日报报卡激活</title>
<link href="/Public/css/zjcard/zjdailycard.css" type="text/css" rel="stylesheet" />
<!-- <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> -->
<link href="/Public/css/bootstrap/bootstrap.min.css" rel="stylesheet">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<!--<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> -->
<script src="/Public/js/user/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<!--<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> -->
<script src="/Public/js/user/bootstrap.min.js"></script>
<link href="/Public/css/zjcard/common.css" type="text/css" rel="stylesheet" />
</head>

<body style="background-color:#f7f7f9">
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="bannerTop" style="margin-left:-400px;"></div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="jumbotron margin-vertical card">
                <ul class="list-group">
                    <for start="1" end='6'>
                    <li class="list-group-item card-item margin-vertical">
                        <div class="row"> 
                            <div class="col-md-9">
                                <h4 class="card-title">卡号:20160001<span class="card-tip-info pull-right">已激活，未刻录</span></h4>
                                <div class="divider"></div>
                                <p class="card-content">地址：浙江省杭州市下城区体育场路178号</p>
                            </div>
                            <div class="col-md-3">
                                <img src="/Public/images/information60.png" class="card-info" />
                            </div>
                        </div>
                    </li>
                    </for>
                </ul>

                <nav>
                    <ul class="pager">
                        <li class="previous"><a href="#"><span aria-hidden="true">&larr;</span>上一页</a></li>
                        <li class="next"><a href="#"><span aria-hidden="true">&rarr;</span>下一页</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>
</body>

<script type="text/javascript" src="/Public/js/zjdailyCard/page.zjdailyCard.js"></script>
</html>
